<template>
  <dl class="common-dl hero-hobby">
    <dt>
      <i class="iconfont icon-xingquaihao" />
      <em>{{$t('base.hobby')}}</em>
    </dt>
    <dd class="flex-box">
      <div class="box-item item-1">
        <i class="iconfont icon-sheyinglvxing" />
      </div>
      <div class="box-item item-2">
        <i class="iconfont icon-music" />
      </div>
      <div class="box-item item-3">
        <i class="iconfont icon-yumaoqiu" />
      </div>
      <div class="box-item item-4">
        <i class="iconfont icon-swticondianying" />
        <i class="iconfont icon-movie" />
      </div>
      <div class="box-item item-5">
        <i class="iconfont icon-pingpangqiu" />
      </div>
      <div class="box-item item-6">
        <i class="iconfont icon-taiqiu taiqiu-1" />
        <i class="iconfont icon-taiqiu taiqiu-2" />
      </div>
      <div class="box-item item-7">
        <i class="iconfont icon-Baseball" />
        <i class="iconfont icon-Baseball-" />
      </div>
      <div class="box-item item-8">
        <i class="iconfont icon-yuedujilu" />
        <i class="iconfont icon-yuedureading19" />
      </div>
    </dd>
  </dl>
</template>

<script>
export default {
  name: 'hobby',
}
</script>
